<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
</body>

</html>
<!-- 
    基本选择器
        id选择器        $('#id');
        类选择器        $('.class');
        标签选择器      $('div');
        并集选择器      $('div,p,li');
        交集选择器      $('div.reaClass');      获取class为redClass的div元素
    层级选择器
        子代选择器      $('ul>li');             >
        后代选择器      $('ul li');             空格
        注意：
            $('#div1 > div,p')这样获取是不可以的，这也获取就是获取成#div1>div和所有的p标签$('#div1>div,#div1>p')这样写可以
    过滤选择器
        :eq(index)      $('li:ep(2)').css('color','red');       获取到li元素中索引号为2的元素
        :odd            $('li:odd').css('color','red');         获取到li元素中索引号为奇数的元素
        :even           $('li:even').css('color','red');        获取到li元素中索引号为偶数的元素
    筛选选择器(方法)
        children(selector)      $('ul').children('li');         类似于子代选择器
        find(selector)          $('ul').find('li');             类似于后代选择器
        siblings(selector)      $('#first').siblings('li');     查找兄弟节点不包括自身
        parent()                $('#first').parent('li');       查找父亲节点
        eq(index)               $('li').ep(2);                  相当于$('li:ep(2)'),index从0开始
        next()                  $('li').next();                 找下一个兄弟
        prev()                  $('li').prev();                 找上一次兄弟
        prevAll()                                               上面所有的兄弟
        nextAll()                                               下面所有的兄弟
    






 -->